import styled from "styled-components";
export const Ul = styled.ul`
    width: 100%;
    li{
        height: 94px;
        list-style: none;
        position: relative;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        
        .left{
            width: 66px;
            height: 94px;
            img{
                width: 100%;
            }
        }
        .center{
            h3{
                color: #191a1b;
                font-size: 16px;
                height: 22px;
                line-height: 22px;
                margin-right: 5px;
                width: 150px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                span{
                    font-size: 9px;
                    color: #fff;
                    background-color: #d2d6dc;
                    height: 14px;
                    line-height: 14px;
                    padding: 0 2px;
                    border-radius: 2px;
                }
            }
            .ping{
                font-size: 13px;
                margin-top: 4px;
                color: #797d82;
                span{
                    color: #ffb232;
                    font-size: 14px;
                }
            }
            .yan{
                width: 150px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 13px;
                margin-top: 4px;
                color: #797d82;
            }
        }
        .right{
            line-height: 25px;
            height: 25px;
            width: 50px;
            color: #ff5f16;
            font-size: 13px;
            text-align: center;
            border-radius: 2px;
            border: 1px solid #ff5f16;
        }
    }
`